<template>
	<view class="yuduitem">
		<image src="/static/pic.png" class="yuduitem__pic" mode="aspectFill"></image>
		<view class="yuduitem__right">
			<view class="u-flex u-flex-column">
				<view class="yuduitem__name">
					{{item.name}}
				</view>
				<view class="yuduitem__gx">
					{{item.gx}}
				</view>
			</view>
			<view class="yuduitem__sc">
				<image src="/static/home/sj.png" class="yuduitem__sc__icon" mode=""></image>
				{{item.sc}}
			</view>
		</view>
		<view class="yuduitem__check" v-if="isgl">
			<image v-if="!item.ischeck" src="/static/cz/noxuan.png" class="yuduitem__check__icon" mode=""></image>
			<image v-else src="/static/cz/xuan.png" class="yuduitem__check__icon" mode=""></image>
		</view>
	</view>
</template>

<script>
	export default {
		name:"yuduitem",
		props: {
			item: {
				type: Object,
				default () {
					return {
		
					};
				}
			},
			isgl:{
				type: Boolean,
				default () {
					return false;
				}
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.yuduitem{
	width: 654rpx;
	padding:0 24rpx;
	height: 248rpx;
	background: #FFFFFF;
	border-radius: 12rpx 12rpx 12rpx 12rpx;
	display: flex;
	align-items: center;
	position: relative;
	margin-bottom: 24rpx;
	&__pic{
		width: 152rpx;
		height: 200rpx;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
	}
	&__right{
		height: 200rpx;
		margin-left: 16rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	&__name{
		width: 435rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: bold;
		font-size: 32rpx;
		color: #000000;
		line-height: 44rpx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	&__gx{
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 26rpx;
		color: #51CAEF;
		line-height: 36rpx;
		margin-top: 16rpx;
	}
	&__sc{
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 24rpx;
		color: #999999;
		line-height: 34rpx;
		display: flex;
		align-items: center;
		justify-self: flex-end;
		&__icon{
			width: 28rpx;
			height: 28rpx;
			margin-right: 8rpx;
		}
	}
	&__check{
		position: absolute;
		top: 24rpx;
		right: 24rpx;
		&__icon{
			width: 36rpx;
			height: 36rpx;
		}
	}
}
</style>